.position-relative-header {
    position: relative !important;
}

#matrox-menu a h1 {
    color: #000;
    font-weight: bold;
    font-size: 32px;
}

.app-launcher-apps-list {
    float: left;
    width: 100%;
    text-align: center;
}

.app-launcher-apps-list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.app-launcher-apps-list ul li {
    display: inline-block;
    width: 115px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.app-launcher-apps-list ul li:hover {
    box-shadow:  0 5px 15px rgba(0, 0, 0, 2.3);
    transform: scale(1.2, 1.2);
}

.app-launcher-apps-list ul li .icon-expander {
    width: 115px;
    height: 100px;
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    -o-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
    position: relative;
    padding-top: 10px;
}

.app-launcher-apps-list ul li .icon-expander i {
    color: #fff;
    font-size: 30px;
    margin-top: 3px;
}

.app-launcher-apps-list ul li .icon-expander span {
    color: #fff;
    width: 100%;
    float: left;
    line-height: initial;
    padding-top: 10px;
    font-size: 14px;
}

.desktopbg {
    background: url("assets/img/ladding/home4-download.jpg");
    width: 100%;
    background-size: cover;
}

.download-apps-platform-chooser {
    width: 100%;
    float: left;
    text-align: center;
}

.download-apps-platform-chooser ul {
    float: left;
    width: 100%;
}

.download-apps-platform-chooser ul li {
    display: inline-block;
    margin-right: 20px;
}

.download-apps-platform-chooser ul li a {
    font-size: 36px;
    color: #fff;
}

.download-apps-platform-chooser ul li a span {
    float: left;
    width: 100%;
    margin-top: 5px;
}

section.section-padding.desktopbg h2.section-title.text-uppercase {
    color: #fff;
}

section.section-padding.desktopbg p.section-sub {
    color: #fff;
}

.clients-grid .border-box {
    padding: 20px;
}

.clients-grid .border-box p {
    text-align: justify;
}

.clients-grid .border-box img {
    filter: initial;
}

#TravelAccommodation {
    width: 100%;
    background: #33b5e5;
}

.travelHeader {
    width: 100%;
    background: #33b5e5;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.travelHeader h1 {
    font-size: 39px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

.bg_gray {
    background: #ebebeb;
    min-height: 500px;
}

.subitem {
    width: 100%;
    float: left;
    height: 100%;
}

#travelAccommodation .travelHeader i {
    font-size: 60px;
    color: #fff;
}

#travelAccommodation .traveldata {
    float: left;
    width: 100%;
    margin-top: 25px;
}

#travelAccommodation .traveldata h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#travelAccommodation .traveldata p {
    color: #585656;
}

.travelimg img {
    margin-top: 25px;
}

#travelAccommodation .travelimg {
    float: left;
    width: 100%;
    text-align: center;
}

#travelAccommodation .travelimg img {
    width: auto;
    margin: 40px 0;
}

.marginTop {
    margin-top: 100px;
    float: left;
    width: 100%;
}

#travelAccommodation .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/* ----- Visitor Information--- */
.visitorInformationHeader {
    width: 100%;
    background: #33b5e5;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.visitorInformationHeader h1 {
    font-size: 39px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#visitorInformation .visitorInformationHeader i {
    font-size: 60px;
    color: #fff;
}

#visitorInformation .visitorInformationData {
    float: left;
    width: 100%;
    margin-top: 25px;
}

#visitorInformation .visitorInformationData h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#visitorInformation .visitorInformationData p {
    color: #585656;
}

.visitorInformationimg img {
    margin-top: 25px;
}

#visitorInformation .visitorInformationimg {
    float: left;
    width: 100%;
    text-align: center;
}

#visitorInformation .visitorInformationimg img {
    width: auto;
    margin: 40px 0;
}

#visitorInformation .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/*****User Management cc*****/
#UserManagement {
    width: 100%;
    float: left;
}

#UserManagement .userheader {
    background-color: #ff4444;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#UserManagement .userheader h1 {
    font-size: 39px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#UserManagement .userheader i {
    font-size: 60px;
    color: #fff;
}

#UserManagement .userdata {
    float: left;
    width: 100%;
    margin-top: 25px;
}

#UserManagement .userdata h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#UserManagement .userdata p {
    color: #585656;
    text-align: justify;
}

#UserManagement .userimg {
    float: left;
    width: 100%;
    text-align: center;
}

#UserManagement .userimg img {
    width: auto;
    margin: 10px 0;
    height: 350px;
}

#UserManagement .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

footer {
    float: left;
    width: 100%;
    margin-top:0px;
}

/******OnlineRegistration*******/
#OnlineRegistration {
    float: left;
    width: 100%;
}

#OnlineRegistration .online-header {
    background-color: #2b579a;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#OnlineRegistration .online-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#OnlineRegistration .online-header i {
    font-size: 60px;
    color: #fff;
}

#OnlineRegistration .onlinedata {
    float: left;
    width: 100%;
    margin-top: 25px;
}

#OnlineRegistration .onlinedata h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#OnlineRegistration .onlinedata p {
    color: #585656;
    text-align: justify;
}

#OnlineRegistration .onlineimg {
    float: left;
    width: 100%;
}

#OnlineRegistration .onlineimg img {
    width: 100%;
}

#OnlineRegistration .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

footer {
    float: left;
    width: 100%;
}

/****RFIDAuthentication****/

#RFIDAuthentication {
    float: left;
    width: 100%;
}

#RFIDAuthentication .Rfid-header {
    background-color: #ffbb33;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#RFIDAuthentication .Rfid-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#RFIDAuthentication .Rfid-header i {
    font-size: 60px;
    color: #fff;
}

#RFIDAuthentication .Rfiddata {
    margin: 50px 0;
}

#RFIDAuthentication .Rfiddata h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#RFIDAuthentication .Rfiddata p {
    color: #585656;
    font-weight: 400;
    text-align: justify;
}

#RFIDAuthentication .Rfid-data img {
    width: 100%;
}

#RFIDAuthentication .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/****QR Code Authentication****/

#QRCodeAuthentication {
    float: left;
    width: 100%;
}

#QRCodeAuthentication .code-header {
    background-color: #00C851;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#QRCodeAuthentication .code-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#QRCodeAuthentication .code-header i {
    font-size: 60px;
    color: #fff;
}

#QRCodeAuthentication .codedata {
    float: left;
    width: 100%;
    margin: 50px 0;
}

#QRCodeAuthentication .codedata h2 {
    padding-top: 30px;
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#QRCodeAuthentication .code-data {
    float: left;
    width: 100%;
    text-align: center;
}

#QRCodeAuthentication .code-data img {
    width: auto;
    margin: 10px 0;
    height: 360px;
}

#QRCodeAuthentication .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/****Social Automation****/

#SocialAutomation {
    float: left;
    width: 100%;
}

#SocialAutomation .social-header {
    background-color: #2BBBAD;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#SocialAutomation .social-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#SocialAutomation .social-header i {
    font-size: 60px;
    color: #fff;
}

#SocialAutomation img {
    width: 100%;
}

#SocialAutomation .content {
    margin: 50px 0;
}

#SocialAutomation .content h2 {
    font-size: 26px;
    font-weight: 600;
    color: #6b6a6a;
}

#SocialAutomation .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Attendance Management***/

#AttendanceManagement {
    float: left;
    width: 100%;
}

#AttendanceManagement .attendance-header {
    background-color: #4285F4;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#AttendanceManagement .attendance-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#AttendanceManagement .attendance-header i {
    font-size: 60px;
    color: #fff;
}

#AttendanceManagement .attend-data {
    float: left;
    width: 100%;
    text-align: center;
}

#AttendanceManagement .attend-data img {
    margin: 20px 0;
    width: auto;
    height: 360px;
}

#AttendanceManagement .content {
    margin: 50px 0;
}

#AttendanceManagement .content h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#AttendanceManagement .content p {
    color: #8e8e8e;
}

#AttendanceManagement .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Cash-less Payment***/

#CashlessPayment {
    float: left;
    width: 100%;
}

#CashlessPayment .cash-header {
    background-color: #aa66cc;;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#CashlessPayment .cash-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#CashlessPayment .cash-header i {
    font-size: 60px;
    color: #fff;
}

#CashlessPayment img {
    width: 100%;
    margin: 40px 0;
    border-radius: 15px;
}

#CashlessPayment .cash-data {
    border-radius: 15px;
    margin: 50px 0;
}

#CashlessPayment .cash-data h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#CashlessPayment .cash-data p {
    color: #8e8e8e;
}

#CashlessPayment .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Lead Manager***/

#LeadManager {
    float: left;
    width: 100%;
}

#LeadManager .lead-header {
    background-color: #e91e63;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#LeadManager .lead-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#LeadManager .lead-header i {
    font-size: 60px;
    color: #fff;
}

#LeadManager img {
    width: 100%;
}

#LeadManager .lead-data {
    float: left;
    width: 100%;
    margin: 50px 0;
}

#LeadManager .lead-data .content {
    float: left;
    width: 100%;
    border-radius: 15px;
    margin-top: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

#LeadManager .top {
    float: left;
    width: 100%;
    text-align: center;
}

#LeadManager .top img {
    margin: 30px 0;
    width: auto;
    height: 280px;
}

#LeadManager .lead-data h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#LeadManager .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Laser Shoot***/

#LaserShoot {
    float: left;
    width: 100%;
}

#LaserShoot .Laser-header {
    background-color: #9c27b0;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#LaserShoot .Laser-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#LaserShoot .Laser-header i {
    font-size: 60px;
    color: #fff;
}

#LaserShoot img {
    width: 100%;
    margin: 20px 0;
}

#LaserShoot .Laser-data {
    float: left;
    width: 100%;
    margin-top: 50px;
}

#LaserShoot .Laser-data h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#LaserShoot .Laser-data p {
    font-size: 15px;
}

#LaserShoot .follow-data {
    float: left;
    width: 100%;
    text-align: center;
}

#LaserShoot .img-responsive {
    max-width: 100%;
    /*height: auto;*/
    max-height: 360px;
    display: inline-block;
    width: auto;
}

/***Polls Guru***/

#PollsGuru {
    float: left;
    width: 100%;
}

#PollsGuru .polls-header {
    background-color: #e53935;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#PollsGuru .polls-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#PollsGuru .polls-header i {
    font-size: 60px;
    color: #fff;
}

#PollsGuru .image-poll {
    float: left;
    width: 100%;
    text-align: center;
}

#PollsGuru .image-poll img {
    width: auto;
    margin: 30px 0;
    height: 400px;
}

#PollsGuru .polls-data {
    margin: 50px 0;
}

#PollsGuru .polls-data h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#PollsGuru .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Digital Message Board***/

#DigitalMessageBoard {
    float: left;
    width: 100%;
}

#DigitalMessageBoard .digital-header {
    background-color: #ad1457;
    width: 100%;
    height: initial;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#DigitalMessageBoard .digital-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#DigitalMessageBoard .digital-header i {
    font-size: 60px;
    color: #fff;
}

#DigitalMessageBoard .digital-data {
    float: left;
    width: 100%;
    text-align: center;
}

#DigitalMessageBoard .digital-data img {
    margin: 30px 0;
    width: auto;
    height: 380px;
}

#DigitalMessageBoard .right-message {
    margin: 50px 0;
}

#DigitalMessageBoard .right-message h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#DigitalMessageBoard .right-message p {
    font-size: 15px;
    color: #8e8e8e;
}

#DigitalMessageBoard .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Social Follow up***/

#SocialFollowup {
    float: left;
    width: 100%;
}

#SocialFollowup .follow-header {
    text-align: center;
    width: 100%;
    height: initial;
    padding: 30px 0;
    background-color: #455a64;
}

#SocialFollowup .follow-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#SocialFollowup .follow-header i {
    font-size: 60px;
    color: #fff;
}

#SocialFollowup .follow-data {
    float: left;
    width: 100%;
    text-align: center;
}

#SocialFollowup .follow-data img {
    margin: 30px 0;
    width: auto;
    height: 360px;
}

#SocialFollowup .right-follow {
    margin: 50px 0;
}

#SocialFollowup .right-follow h2 {
    font-size: 26px;
    color: #6b6a6a;
    font-weight: 600;
}

#SocialFollowup .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***User feedback and complain management***/

#AdvanceReports {
    float: left;
    width: 100%;
}

#AdvanceReports .advance-header {
    text-align: center;
    width: 100%;
    height: initial;
    padding: 30px 0;
    background-color: #f57c00;
}

#AdvanceReports .advance-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#AdvanceReports .advance-header i {
    font-size: 60px;
    color: #fff;
}

#AdvanceReports .advance-data {
    float: left;
    width: 100%;
    text-align: center;
}

#AdvanceReports .advance-data img {
    width: auto;
    margin: 40px 0;
    height: 370px;
}

#AdvanceReports .right-advance {
    margin: 50px 0;
}

#AdvanceReports .right-advance h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#AdvanceReports .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***Digital Memories***/

#DigitalMemories {
    float: left;
    width: 100%;
}

#DigitalMemories .memories-header {
    text-align: center;
    width: 100%;
    height: initial;
    padding: 30px 0;
    background-color: #00695c;
}

#DigitalMemories .memories-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#DigitalMemories .memories-header i {
    font-size: 60px;
    color: #fff;
}

#DigitalMemories img {
    width: 100%;
}

#DigitalMemories .memories-data {
    float: left;
    width: 100%;
    margin: 50px 0;
}

#DigitalMemories .memories-data h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#DigitalMemories .right-memories {
    float: left;
    width: 100%;
    text-align: center;
}

#DigitalMemories .right-memories img {
    margin: 10px 0;
    width: auto;
    height: 370px;
}

#DigitalMemories .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/***FeedbackComplain***/

#FeedbackComplain {
    float: left;
    width: 100%;
}

#FeedbackComplain .advance-header {
    text-align: center;
    width: 100%;
    height: initial;
    padding: 30px 0;
    background-color: #1b5e20;
}

#FeedbackComplain .advance-header h1 {
    font-size: 37px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 8px;
}

#FeedbackComplain .advance-header i {
    font-size: 60px;
    color: #fff;
}

#FeedbackComplain .advance-data {
    float: left;
    width: 100%;
    text-align: center;
}

#FeedbackComplain .advance-data img {
    width: auto;
    margin: 10px 0;
    height: 360px;
}

#FeedbackComplain .right-advance {
    margin: 50px 0;
}

#FeedbackComplain .right-advance h2 {
    color: #6b6a6a;
    font-size: 26px;
    font-weight: 600;
}

#FeedbackComplain .img-responsive {
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: inline-block;
}

/*All Products buttoms css*/
.productsButton {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.productsButton a {
    background: #03a9f4;
    color: #fff;
    margin-right: 10px;
    font-size: 19px;
    padding: 20px 51px 20px 51px;
    border-radius: initial;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    border: solid 1px #03a9f4;
}

.productsButton a:last-child {
    background: transparent;
    color: #03a9f4;
}

.productsButton a:hover {
    background: #ed145b;
    color: #fff;
    border: solid 1px #ed145b;
}

/*Media query of pages img*/

.content-section .social-block-huge.m-top-3 .btn-floating.btn-large {
    margin-right: 15px;
    width: 55px;
    height: 55px;
    background: #26a69a;
    line-height: 53px;
    border-radius: 100%;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.content-section .social-block-huge.m-top-3 .btn-floating.btn-large:hover{
    background: #2bbbad;
}

.content-section .social-block-huge.m-top-3 .btn-floating.btn-large:last-child {
    margin-right: 0;
}